﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<title>Befragungssystem</title>
				
		<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
		<!--[if lte IE 7]>
		<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
		<![endif]-->
        
		<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
        
        <script type="text/javascript" src="js/mustache.js-0.3.0/mustache.js"></script>
        <script type="text/javascript" src="js/ICanHaz.js-0.9/ICanHaz.js"></script>
                
        <script type="text/javascript" src="js/sammy/sammy.js"></script>
		
		<script type="text/javascript" src="js/jquery.ba-bbq.min.js"></script>
		
		<script type="text/javascript" src="js/jquery.dataTables.js"></script>
        
        <script type="text/javascript" src="js/surveysModel.js"></script>
        <script type="text/javascript" src="js/surveysView.js"></script>
        <script type="text/javascript" src="js/surveysApp.js"></script>
        
        <!-- Templates for ICanHaz.js -->
        <script id="surveysTableFilter" type="text/html">
        	<div class="appStatus"></div>
			<div style="margin-bottom: 1em;">
				<strong><a href="#/new" title="Klicken Sie hier um eine neue Befragung zu erstellen.">neue Befragung erstellen</a></strong>
				<span class="surveysTableFilter">
					<form id="surveysTableFilterForm" action="#/" method="post">
						zeige Befragungen mit Status
						<input name="active" class="statusCheckbox" type="checkbox" checked="checked"/><label for="statusActive">aktiv</label>
						<input name="inactive" class="statusCheckbox" type="checkbox" checked="checked"/><label for="statusInactive">inaktiv</label>
						<input name="archived" class="statusCheckbox" type="checkbox" checked="checked"/><label for="statusArchived">archiviert</label>
						<input name="stopped" class="statusCheckbox" type="checkbox" checked="checked"/><label for="statusStopped">beendet</label>
					</form>
				</span>
			</div>
		</script>
		
		<script id="surveysTable" type="text/html">
        	<div id="surveysTableArea">
        	<table id="surveysTable" class="shadowed table display" cellpadding="0" cellspacing="0" border="0">
        		<thead>
        			<tr>
        				<th>Name</th>
						<th>letzter/nächster Zeitraum</th>
						<th>Status</th>
						<th>Rückläufer</th>
						<th>Ergebnis</th>
        			</tr>
        		</thead>
				<tbody>
		            {{#aoSurveys}}
						<tr>
	                		<td><strong><a href="#/survey/{{_id}}">{{title}}</a></strong></span></td>
							<td>{{validFrom}} - {{validTo}}</td>							
							<td>{{status}}</td>
							<td>{{numberOfParticipations}}</td>
							<td><a href="#/result/{{_id}}">ansehen</a></td>
						</tr>
		            {{/aoSurveys}}
				</tbody>				
        	</table>
			</div>
		</script>
		
        <script id="surveyDetailsHeader" type="text/html">
        	<div class="appStatus"></div>
        	<span><strong><a href="#/">zurück zur Befragungsübersicht</a></span></strong>
		</script>	
		<script id="surveyDetails" type="text/html">
			<strong><span style="float:right;"><a href="#/result/{{_id}}">Ergebnis ansehen</a></span></strong>
			<form id='survey_form' class='yform columnar' action="#/survey/{{_id}}" method="post">
				<div class='type-text'>
					<label for='statusTF'>Status</label>
					<input id='statusTF' name="status" type='text' readonly='readonly' value="{{status}}" title="In diesem Feld ist der Status dieser Befragung angegeben."/>
				</div>			
				<div class='type-text'>
					<label for='numberOfParticipations'>Rückläufer</label>
					<input id='numberOfParticipations' name="numberOfParticipations" type='text' readonly='readonly' value="{{numberOfParticipations}}" title='In diesem Feld ist die bisherige Anzahl an Rückläufern dieser Befragung angegeben.'/>
				</div>
				<hr/>
				<div class='type-text'>
					<label for='title'>Titel <sup title="Dieses Feld ist erforderlich.">*</sup> </label>
					<input id='title' name="title" type='text' class='surveyFormInput' value="{{title}}" title='Geben Sie hier den Titel der Befragung ein.'/>
				</div>			
				<div class='type-text'>
					<label for='creator'>ErstellerIn</label>
					<input id='creator' name="creator" type='text' class='surveyFormInput' value="{{creator}}" title='Geben Sie hier den Namen der Erstellerin/des Erstellers der Befragung ein.'/>
				</div>			
				<div class='type-text'>
					<label for='description'>Beschreibung</label>
					<input id='description' name="description" type='text' class='surveyFormInput' value="{{description}}" title='Geben Sie hier eine Beschreibung der Befragung ein.'/>
				</div>
				<div class='type-text'>
					<label for='validFrom'>Gültig ab <sup title="Dieses Feld ist erforderlich.">*</sup> </label>
					<input id='validFrom' name="validFrom" type='text' class='surveyFormInput' value="{{validFrom}}" title='Wählen Sie hier das Datum aus, ab dem die Befragung zur Teilnahme stehen soll.'/>
				</div>			
				<div class='type-text'>
					<label for='validTo'>Gültig bis <sup title="Dieses Feld ist erforderlich.">*</sup> </label>
					<input id='validTo' name="validTo" type='text' class='surveyFormInput' value="{{validTo}}" title='Wählen Sie hier das Datum aus, bis zu dem die Befragung zur Teilnahme stehen soll.'/>
				</div>			
				<div class='type-check'>
					<input id='periodic' name="periodic" type='checkbox' class='surveyFormInput' title='Wählen Sie hier aus, ob die Befragung periodisch zur Teilnahme stehen soll.'/>
					<label for='periodic'>periodisch</label>
				</div>			
				<div class='type-text'>
					<label for='period'>Periode</label>
					<input id='period' name="period" type='text' disabled='true' class='surveyFormInput' value="{{period}}" title='Geben Sie hier die Periode ein, in welcher die Befragung zur Teilnahme stehen soll.'/>
				</div>
				<div class='type-select'>
					<label for='periodUnit'>Periodeneinheit</label>
					<select id='periodUnit' name="periodUnit" disabled='true' class='surveyFormInput' value="{{periodUnit}}" title='Wählen Sie hier die Periodeneinheit aus.'>
						<option value='tage'>Tage</option>
						<option value='wochen'>Wochen</option>
						<option value='monate'>Monate</option>
					</select>
				</div>
				<div class='type-text'>
					<label for='numberOfParticipants'>max. Anzahl Teilnehmer <sup title="Dieses Feld ist erforderlich.">*</sup> </label>
					<input id='numberOfParticipants' name="numberOfParticipants" type='text' class='surveyFormInput' value="{{numberOfParticipants}}" title='Geben Sie hier die maximale Anzahl an TeilnehmerInnen an.'/>
				</div>
				<div class='type-check'>
					<input id='withKeys' name="withKeys" type='checkbox' class='surveyFormInput' title='Wählen Sie hier aus, ob die Befragung mit Teilnahmeschlüsseln gesichert werden soll. Nach dem Speichern der Befragung werden die Teilnahmeschlüssel generiert.'/>
					<label for='withKeys'>mit Teilnahmeschlüsseln schützen</label>
				</div>			
				<div class='type-text'>
					<label for='keys'>Teilnahmeschlüssel</label>
					<textarea id='keys' name="keys" type='textarea' rows='10' readonly='readonly' class='surveyFormInput' value="{{#keys}}{{/keys}}" disabled='true' title='In diesem Feld finden Sie die generierten Teilnahmeschlüssel.'/>
				</div>
				<div class='type-select'>
					<label for='questionnaireTitle'>Fragebogen <sup title="Dieses Feld ist erforderlich.">*</sup> </label>
					<select id='questionnaireTitle'
							name="questionnaireTitle"
							class='surveyFormInput'
							title='Wählen Sie hier einen Ihrer Fragebögen aus.'
							value='{{questionnaire.title}}'>
						{{#questionnaires}}
							<option value='{{title}}' {{#selected}}selected{{/selected}}>{{title}}</option>
						{{/questionnaires}}
					</select>
				</div>			
				<div class='type-check'>
					<input id='isPrivate' name="isPrivate" type='checkbox' class='surveyFormInput' title='Wählen Sie hier aus, ob diese Befragung öffentlich sein soll. Wenn ja, wird ein privater Link zu dieser Befragung erstellt.'/>
					<label for='isPrivate'>nicht öffentlich</label>
				</div>			
				<div class='type-text'>
					<label for='privateLink'>Link zu dieser Befragung</label>
					<input id='privateLink' name="privateLink" type='text' readonly='readonly' class='surveyFormInput' value="{{privateLink}}" title='Wenn diese Befragung nicht öffentlich sein soll, finden Sie in diesem Feld den generierten Link zu dieser Befragung.'/>
				</div>
				<hr/>
				<div class='type-check'>
					<input id='stop' name="stop" type='checkbox' class='surveyFormInput' title='Wählen Sie hier aus, ob diese Befragung beendet werden soll.'/>
					<label for='stop'>beenden</label>
				</div>			
				<div class='type-check'>
					<input id='archive' name="archive" type='checkbox' title='Wählen Sie hier aus, ob diese Befragung archiviert werden soll. Dies kann rückgängig gemacht werden.'/>
					<label for='archive'>archivieren</label>
				</div>
				<div>
					<input id='saveButton' name="save" value='Befragung speichern' type='submit'/>
					<span id='surveyStatus' style='margin-left:1em;'></span>
				</div>
			</form>
			<strong><div><a href="#/">zurück zur Befragungsübersicht</a></div></strong>
        	<div class="appStatus"></div>
		</script>
        <script id="result" type="text/html">
        	<p>{{title}}</p>
        </script>
	</head>
	
	<body class="ui-widget">
		<div class="page_margins">		
			<div class="page">
				<div id="header">
					<h1 class="pageTitle">
						Befragungssystem
					</h1>
                    <h3><a href="userData.php" class="menuItem">Eigene Daten</a>
                        <strong><a href="surveys.php" class="menuItem activeMenuItem">Befragungen</a></strong>
                        <a href="questionnaires.php" class="menuItem">Fragebögen</a>
                        <a href="index.php?method=logout" class="menuItem">Logout</a>
                    </h3>
				</div>
                <div id="content" class="shadowed">
                </div>
		  	</div>
		</div>
	</body>
</html>
